// 登录信息获取
// let userOption = {};
// 1、首先判断地址是否带用户登录信息
if (location.search != '') {
	// 利用公共函数结构地址的数据
	userOption = getStrOfObj(location.search);
	// console.log(option);
}
// 2、地址不带登录信息，检查cookie是否存在
if (getCookie("jd")) {
	// 利用cookie获取用户信息
	let option = getStrOfObj(getCookie("jd"));
	// 地址对象+cookie对象
	for (let v in option) {
		if (!userOption.v) {
			userOption.v = option.v
		}
	}
}
// 3、设置用户信息
// $('#userIndex').text(userOption.nickname);

// 一、轮播图
// 1，1 点击略缩图改变大图
$('.lsw-pages>.items>ul').on('click', 'li', function(e) {
	// 1、获取大图操作对象
	let bigImg = $('.lsw-top>img');
	//2、更换图片地址
	let url = $(this).children().attr('src');
	bigImg.attr({
		src: url
	});
	// 3、选择红框排他
	$(this).attr({
		class: "active"
	}).prevAll().attr({
		class: ""
	});
})
// 1.2 点击左右切换分页
$("#pages-left").on('click', function() {
	// 1、换色代表点击
	$(this).css({
		color: '#B3B7BB'
	});
	//改变右边颜色
	$("#pages-right").css({
		color: ' #666'
	});
	// 获取略缩图列表对象
	let ulImg = $('.lsw-pages>.items>ul');
	let liLen = ulImg.children().length;
	// 获取left
	let ulLeftNum = parseInt(ulImg.css('left'));
	// 2、判断长度是否合适切换
	if (ulLeftNum <= 0) {
		ulImg.css({
			left: `${0}px`
		})
		return;
	}
	ulImg.css({
		left: `${ulLeftNum-304}px`
	})
})
$("#pages-right").on('click', function() {
	// 1、换色代表点击
	$(this).css({
		color: '#B3B7BB'
	});
	//改变右边颜色
	$("#pages-right").css({
		color: ' #666'
	});
	// 获取略缩图列表对象
	let ulImg = $('.lsw-pages>.items>ul');
	let liLen = ulImg.children().length;
	// 判断右边边界
	let ulLeftNum = Math.abs(parseInt(ulImg.css('left')));
	if ((60 * liLen) < ulLeftNum + 304) {
		return;
	}
	ulImg.css({
		left: `-${ulLeftNum+304}px`
	});
})


// 二、获取数据
$.ajax({
	url: "http://phpclub.org.cn:8080/api/goods/detail",
	type: "GET",
	dataType: "json",
	data: `goodsId=${userOption.goodsId}`,
	success: function(datas) {
		// 数据正常
		if (datas.msg != "ok") {
			return;
		}
		if (!datas.data) {
			return;
		}
		let da = datas.data;
		// 1、轮播图
		$('.lsw-top>img').attr({
			src: `${da['goodsThumb']}`
		});
		$('.bigBox>img').attr({
			src: `${da['goodsThumb']}`
		});
		// 底部分页
		let liItemHtml = '';
		let gsImg = da['goodsImg'];
		for (let v of gsImg) {
			liItemHtml +=
				`<li data-id="${v['id']}" data-goodsId="${v['goodsId']}"><img  src=${v['goodsThumb']}> </li>`;
		}
		// 添加底部分页
		$('.lsw-pages .items ul').html(liItemHtml);
		// 2、商品详情
		let rptextHtml = `<h2>${da['goodsName']}</h2>
								<div class="money-box">
									<p>数 量 ：<span>${da['goodsNumber']}</span></p>
									<p>价 格 ：<span>￥${da['marketPrice']}</span>&nbsp;<span>${da['shopPrice']}</span></p> 
									介 绍 :
									<p class="shap-context">${da['goodsBody']}</p>
								</div>`;
		// 添加商品
		$('.right-proitem .rp-text').html(rptextHtml);
	},
	error: function() {
		console.log("错误")
	}
})

// 三、加入购物车
//数量加1
$('#add').on('click', function(e) {
	let str = $('#shap-num').val();
	let num = parseInt(str);
	$('#shap-num').val(++num);
})
//数量减1
$('#readd').on('click', function(e) {
	let str = $('#shap-num').val();
	let num = parseInt(str);
	if (num <= 0) {
		return;
	}
	$('#shap-num').val(--num);
})
// 点击购物车
$('#card-add').on('click', function() {
	// 1、判断登录
	if (!userOption.id) {
		$(this).attr({
			'data-toggle': "modal"
		});
		$('.shoppingCar .close').on('click', function(e) {
			location.href = "../html/login.html";
		})
	}
	// 2、添加购物车
	//获取数量
	let strNum = $('#shap-num').val();
	// 数量不能为0/负数
	if (parseInt(strNum) <= 0) {
		$('#card-add[data-toggle="popover"]').attr({
			'data-content': "数量错误！！"
		})
		$('#card-add[data-toggle="popover"]').popover("show");
		return;
	}
	$.ajax({
		url: "http://phpclub.org.cn:8080/api/cart/add",
		type: "GET",
		dataType: "json",
		data: `goodsId=${userOption.goodsId}&userId=${userOption.id}&goodsCount=${strNum}`,
		success: function(datas) {
			// 判断返回
			if (datas.msg != 'ok') {
				$('#card-add[data-toggle="popover"]').attr({
					'data-content': "加入错误！！"
				})
				$('#card-add[data-toggle="popover"]').popover("show");
			}
			// 加入购物车成功提示
			$('#card-add[data-toggle="popover"]').attr({
				'data-content': "加入成功"
			})
			$('#card-add[data-toggle="popover"]').popover("show");
			// 清空购物车数量
			$('#shap-num').val('0');
			// 保存购物车id
			userOption['cartIds'] = datas.data['id'];
		}
	})
})

// 地区列表添加地区点击委托
$('.map-land>.item-lists').on('click', '.item', function(e) {
	//设置背景
	$(this).siblings().css({
		background: '#fff'
	});
	$(this).css({
		background: ' #f10215'
	});
	//设置当前当前
	$('.map>.nav-show>.icon-a>.font').html($(this).text().trim());
})
$('.map-land>.item-lists').on('mouseenter', '.item', function(e) {
	//设置背景
	$(this).css({
		background: '#f10215'
	});
}).on('mouseleave', '.item', function(e) {
	//设置背景
	$(this).css({
		background: '#fff'
	});
})
